<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="{$img}">
    <title>实验列表 - {$title}</title>

    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/shequ.css">
    <link rel="stylesheet" href="/static/css/post.css">
    
    <meta name="type" content="website">
    <meta name="name" content="实验列表 - {$title}">
    <meta name="description" content="{$about}">
    
    <meta property="type" content="website">
    <meta property="title" content="实验列表 - {$title}">
    <meta property="description" content="{$about}">
    <meta itemprop="description" content="{$about}">
    <meta property="image" content="{$img}">
    <meta itemprop="image" content="{$img}">

    <meta property="og:type" content="website" />
    <meta property="og:title" content="实验列表 - {$title}" />
    <meta property="og:site_name" content="{$title}" />
    <meta property="og:image" content="{$img}" />
    <meta property="og:description" content="{$about}" />

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="实验列表 - {$title}" />
    <meta name="twitter:site" content="{$title}" />
    <meta name="twitter:description" content="{$about}" />
    <meta name="twitter:image" content="{$img}">
    {$header|raw}
</head>

<body>
    <div class="desktop website app">
        <header class="app-header">
            <a href="/">
                <img class="app-header-title" src="{$logo}" alt="{$title}" height="25">
            </a>
            <ul class="app-header-nav">
                {foreach $navitems as $key=>$item}
                <li><a href="{$item['url']}" class="app-header-nav-item">{$item['name']}</a></li>
                {/foreach}
            </ul>
            <div class="app-header-space"></div>
            <a href="/login">
                <img class="app-header-user"
                    src="https://creation.codemao.cn/716/appcraft/IMAGE_U53LlVovA_1693015896678.png" alt="user_img"
                    width="35" height="35">
            </a>
        </header>
        <main class="app-main">
            <div class="app-shequ">
                <div class="app-main-content-item">
                    <div class="app-main-content-item-title">
                        <div class="app-main-content-item-search-back" style="display: none;">&lt; 返回</div>
                        <span class="app-main-content-item-title-span">实验</span>
                    </div>
                    <div class="app-main-content-item-search">
                        <input type="text" class="app-main-content-item-search-input" placeholder="输入关键词">
                        <div class="app-main-content-item-search-btn" disabled>
                            <img src="/static/image/search.svg" alt="搜索" width="20" height="20">
                        </div>
                    </div>
                    <div class="app-main-content-item-mpa"></div>
                    <div class="app-main-content-item-content">
                        <div class="app-cards app-cards-block"></div>
                    </div>
                </div>
                <div class="app-shequ-partition-abs">
                    <div class="app-shequ-partition">
                        <a href="/shequ/sendpost">发布实验/课题</a>
                        <hr>
                    </div>
                </div>
            </div>
            <div style="display: none;">
                {foreach $post as $key=>$item}
                <li><a href="{$url}post/{$item['id']}">{$item['title']}</a>
                    <div>{$item['text']}</div>
                </li>
                {/foreach}
            </div>
            <div class="app-main-pages"></div>
        </main>
        <footer class="app-footer">
            <div class="app-footer-service">
                <div class="app-footer-service-item">
                    <div class="app-footer-service-item-title">关于我们</div>
                    <div class="app-footer-service-item-content">
                        <p>{$footer_about}</p>
                    </div>
                </div>
                {foreach $footer_list as $key=>$item}
                <div class="app-footer-service-item">
                    <div class="app-footer-service-item-title">{$item['title']}</div>
                    <div class="app-footer-service-item-content">
                        {foreach $item['links'] as $key2=>$item2}
                        <p><a class="app-url" href="{$item2['url']}" target="_blank">{$item2['text']}</a></p>
                        {/foreach}
                    </div>
                </div>
                {/foreach}
            </div>
            <div class="app-footer-about">
                <img class="app-footer-about-logo" src="{$logo}" alt="{$title}" height="25" />
                <div class="app-footer-about-space"></div>
                <div class="app-footer-about-copyright">© 2023-present StarDreamNet版权所有！</div>
            </div>
        </footer>
    </div>

    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/sweetalert.min.js"></script>
    <script src="/static/js/dsnackbar.js"></script>

    <script src="/static/editormd/lib/marked.min.js"></script>
    <script src="/static/editormd/editormd.min.js"></script>

    <script src="/static/js/index.js"></script>
    <script src="/static/js/postlist.js"></script>
    <script src="/static/js/shequ.js"></script>
    {$footer|raw}
</body>

</html>